import Vue from 'vue/dist/vue.js'
// 1. 导入 vue-router 包
import VueRouter from 'vue-router'
// 2. 手动安装 VueRouter
Vue.use(VueRouter)

// 导入格式化时间的插件
import moment from 'moment';

// 定义全局的过滤器
Vue.filter('dateFormat', function (dataStr, pattern="YYYY-MM-DD hh:mm:ss") {  
  return moment(dataStr).format(pattern)
})

// 2.1 导入 vue-resource
import VueResource from 'vue-resource'
// 2.2 安装 vue-resource 使用
Vue.use(VueResource)
// 设置请求的根路径
Vue.http.options.root = 'http://www.liulongbin.top:3005/'
// 全局设置 post 时候表单数据格式组织形式 application/x-www-form-urlencoded
Vue.http.options.emulateHTTP = true

// 推送 git push -u origin master
// 导入 MUI 的样式
import './lib/mui/css/mui.css'
// 导入扩展图标的样式
import './lib/mui/css/icons-extra.css'
// icon-extra.css 依赖于 mui-icons-extra.ttf
// import './lib/mui/fonts/mui-icons-extra.ttf'


// 按需导入 Mint-ui 组件
// 要安装，babel-plugin-component,还要设置.babelrc 文件
// import { Header,Swipe,SwipeItem,Button,Lazyload } from 'mint-ui'
// 使用 Vue.component 注册 按钮组件
// Vue.component(Header.name, Header)
// Vue.component(Swipe.name, Swipe)
// Vue.component(SwipeItem.name, SwipeItem)
// Vue.component(Button.name, Button)
// Vue.use(Lazyload);
// console.log(Button.name);
import MintUi from 'mint-ui'
Vue.use(MintUi)
import 'mint-ui/lib/style.css'

// 安装 图片预览插件
import VuePreview from 'vue-preview'
Vue.use(VuePreview)

// 导入 app 组件
import app from './App.vue'

import router from './router.js'

var vm = new Vue({
  el: '#app',
  render: c => c(app), // render 会把 el 指定的容器中，所有的内容都清空覆盖，所以 不要 把 路由的 router-view 和 router-link 直接写到 el 所控制元素中
  router // 4. 将路由对象挂载到 vm 上
})

// 注意：App 这个组件，是通过 VM 实例的 render 函数，渲染出来的，render 函数如果要渲染 组件，渲染出来的组件，只能放到 el: '#app' 所指定的元素中；
// Account 和 GoodsList 组件，是通过 路由匹配监听到的，所以，这两个组件，只能展示 属于 路由的 <router-view></router-view> 中去；